import Vue from 'vue'
import Router from 'vue-router'
import PageOne from '@/components/Page1/PageOne'
import PageTwo from '@/components/Page2/PageTwo'
import PageThree from '@/components/Page3/PageThree'
import PageFour from '@/components/Page4/PageFour'
import ChildPage1 from '@/components/Page1/childPage/childPage1'
import ChildPage2 from '@/components/Page1/childPage/childPage2'
import ChildPage3 from '@/components/Page1/childPage/childPage3'
import searchSong from '@/components/Page1/childPage/searchSong'
import moreMV from '@/components/Page1/childPage/moreMV'
import MVTOP from '@/components/Page1/childPage/MVTOP'
import MVPLAY from '@/components/Page1/childPage/MVPLAY'
import Box5 from '@/components/Page1/childPage/box5'
import Box6 from '@/components/Page1/childPage/box6'
import Box7 from '@/components/Page1/childPage/box7'
import Box8 from '@/components/Page1/childPage/box8'
import Box9 from '@/components/Page1/childPage/box9'
import Box10 from '@/components/Page1/childPage/box10'
import Box11 from '@/components/Page1/childPage/box11'
import Child4Page1 from '@/components/Page4/childPage/child4Page1'
import Child4Page2 from '@/components/Page4/childPage/child4Page2'
import Child4Page3 from '@/components/Page4/childPage/child4Page3'
import Child4Page4 from '@/components/Page4/childPage/child4Page4'
import Child4Page5 from '@/components/Page4/childPage/child4Page5'
import songDetail from '@/components/Page2/childpage/songDetail'
import songPlay from '@/components/Page2/childpage/songPlay'
import songPlay2 from '@/components/Page2/childpage/songPlay2'
import songLyric from '@/components/Page2/childpage/songLyric'
import songReviews from '@/components/Page2/childpage/songReviews'
import songTag from '@/components/Page3/childpage/songTag'
import login from '@/components/Login/login'
import Singer from '@/components/Page4/childPage/singer'
import Personal from '@/components/Page4/childPage/personal'
import hotSinger from '@/components/Page4/childPage/hotSinger'
import exercisePage from '@/components/Page4/childPage/exercisePage'
import rankingList from '@/components/Page4/childPage/rankingList'
import TopDetail from '@/components/Page4/childPage/TopDetail'

Vue.use(Router)

export default new Router({
  mode: 'history',
  linkActiveClass: 'active',
  routes: [
    {
      path: '/',
      redirect: '/PageOne'
    },
    {
      path: '/PageOne',
      name: 'PageOne',
      component: PageOne
    },
    {
      path: '/login',
      name: 'Login',
      component: login
    },
    {
      path: '/ChildPage1',
      name: 'ChildPage1',
      component: ChildPage1
    },
    {
      path: '/ChildPage2',
      name: 'ChildPage2',
      component: ChildPage2
    },
    {
      path: '/ChildPage3',
      name: 'ChildPage3',
      component: ChildPage3
    },
    {
      path: '/searchSong',
      name: 'searchSong',
      component: searchSong
    },
    {
      path: '/moreMV',
      name: 'moreMV',
      component: moreMV
    },
    {
      path: '/MVTOP',
      name: 'MVTOP',
      component: MVTOP,
      meta: {
        keepAlive: true,
        isBack: false
      }
    },
    {
      path: '/MVPLAY/:id',
      name: 'MVPLAY',
      component: MVPLAY
    },
    {
      path: '/Box5',
      name: 'Box5',
      component: Box5
    },
    {
      path: '/Box6',
      name: 'Box6',
      component: Box6
    },
    {
      path: '/Box7',
      name: 'Box7',
      component: Box7
    },
    {
      path: '/Box8',
      name: 'Box8',
      component: Box8
    },
    {
      path: '/Box9',
      name: 'Box9',
      component: Box9
    },
    {
      path: '/Box10',
      name: 'Box10',
      component: Box10
    },
    {
      path: '/Box11',
      name: 'Box11',
      component: Box11
    },
    {
      path: '/PageTwo',
      name: 'PageTwo',
      component: PageTwo,
      meta: {
        keepAlive: true,
        isBack: false
      }
    },
    {
      path: '/PageThree',
      name: 'PageThree',
      component: PageThree
    },
    {
      path: '/PageFour',
      name: 'PageFour',
      component: PageFour
    },
    {
      path: '/Child4Page1',
      name: 'Child4Page1',
      component: Child4Page1
    },
    {
      path: '/Child4Page2',
      name: 'Child4Page2',
      component: Child4Page2
    },
    {
      path: '/Child4Page3',
      name: 'Child4Page3',
      component: Child4Page3
    },
    {
      path: '/Child4Page4',
      name: 'Child4Page4',
      component: Child4Page4
    },
    {
      path: '/Child4Page5',
      name: 'Child4Page5',
      component: Child4Page5
    },
    {
      path: '/Singer/:id',
      name: 'Singer',
      component: Singer
    },
    {
      path: '/Personal/:id',
      name: 'Personal',
      component: Personal
    },
    {
      path: '/hotSinger',
      name: 'hotSinger',
      component: hotSinger
    },
    {
      path: '/exercisePage',
      name: 'exercisePage',
      component: exercisePage
    },
    {
      path: '/rankingList',
      name: 'rankingList',
      component: rankingList,
      meta: {
        keepAlive: true,
        isBack: false
      }
    },
    {
      path: '/TopDetail/:id',
      name: 'TopDetail',
      component: TopDetail
    },
    {
      path: '/songDetail/:id',
      name: 'songDetail',
      component: songDetail
    },
    {
      path: '/songPlay2',
      name: 'songPlay2',
      component: songPlay2,
      redirect: '/songLyric',
      children: [
        {
          // path: '/songPlay/:id/:sname/:name',
          path: '/songPlay',
          name: 'songPlay',
          component: songPlay
        },
        {
          path: '/songLyric',
          name: 'songLyric',
          component: songLyric
        },
        {
          path: '/songReviews',
          name: 'songReviews',
          component: songReviews
        }
      ]
    },
    {
      path: '/songTag/:tag',
      name: 'songTag',
      component: songTag
    }
  ]
})
